<template>
	<view class="">
		<!-- 返回组件 -->
		<van-nav-bar class="nav" left-arrow @click-left="onClickLeft">
			<template #title>
				<slot></slot>
			</template>
		</van-nav-bar>
	</view>
</template>

<script lang="ts" setup>
	// 点击回到发现页面
	const onClickLeft = () => history.back()
</script>

<style lang="scss">
	@import '@/common.scss';

	.nav {
		--van-nav-bar-height: 88px;
		background-color: $background;
		--van-nav-bar-icon-color: #ffffff;
		--van-nav-bar-text-color: #ffffff;
		--van-nav-bar-title-text-color: #ffffff;
		--van-nav-bar-arrow-size: 36px;
		--van-nav-bar-title-font-size: 36px;


		.title {
			height: 88px;
			font-size: 36px;
			font-weight: 500;
		}
	}

	::v-deep.van-nav-bar__title.van-ellipsis {
		line-height: 88px;
	}
</style>